<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/accountMsg.css"/>
		 <link rel="stylesheet" type="text/css" href="../css/buju.css"/>
		<link rel="stylesheet" href="../Font/demo-files/demo.css" />
		<title></title>
	</head>
	<body>
		<div class="header">
			<a href="../index.html"><li class="icon icon-circle-left"></li></a>
			<div class="wq">
			<p>账户信息</p>
			<img src="../img/未标题-1.png" alt="" class="im2"/>
			 <div class="sw">
		     	<div class="sw1"><p style="color: white;">全部</p></div>
		     	<div class="sw2">
		     	<div class="ex2"></div><span>应用场景</span><div class="ex3"></div><br>
		     	<div class="ex">开心消消乐</div><div class="ex1">全名K歌</div><div class="ex5">方法</div>
		     	</div>
		     	</div>
		    </div>
		</div>
		<div class="wo">
			<div class="wo1">
				<p>闪注账户</p>
				<div>剩余量:<span>9500</span>条</div>
			</div>
			<div class="wo2">
				<p>短信账户</p>
				<div>剩余量:<span>865</span>条</div>
			</div>
		</div>
	   <div class="cq">
			<img src="../img/未标题-2.png" alt="" />
			<h4>我的充值</h4>
			<p class="sb">查看明细<span>&gt;</span></p>
		</div>
		<div class="cq1">
			<div class="lh">
				<p>闪注充值量</p>
				<div class="zj"><h3>20000</h3><h6>条</h6></div>
			</div>
			<div class="lh2">
				<p>闪注充值量</p>
				<div class="zj1"><h3>20000</h3><h6>条</h6></div>
			</div>
		</div>
		
		<div class="cq9">
			<img src="../img/未标题-2.png" alt="" />
			<h4>我的充值</h4>
			<p class="sb">查看明细<span>&gt;</span></p>
		</div>
		<div class="nm">
			<div class="ft">
				<p>闪注充值量</p>
				<div class="zj"><h3>20000</h3><h6>条</h6></div>
			</div>
			<div class="ft2">
				<p>闪注充值量</p>
				<div class="zj1"><h3>20000</h3><h6>条</h6></div>
			</div>
		</div>
	</body>
	</body>
	<script src="js/jquery-2.1.4.min.js"></script>
	<script>
	(function(win,doc){
		//浏览器缩放时
		win.onresize=function(){
			change();	
		};
		change();
		function change(){
			
		//320  20px 
		//414  20px
			var oFs=doc.documentElement.clientWidth/(640/20);
	
			//设置根目录字体大小
			doc.documentElement.style.fontSize=oFs+'px';	
		}	
	})(window,document);
	
	$(function(){
		 $(".im2").click(function(){
	   	  	  $(".sw").slideDown(300)
	   	  	   return false
//	   	  	 $(".wang").css("background-color","red")
	   	  })
	   	   $("body").click(function(){
	   	  	  $(".sw").slideUp(300)
	   	  	  return false
	   	  })
	})
	</script>
</html>
